<template>
    <nav :style="{  background:bColor, 'font-size': fSize+'px'}">
        <slot></slot>
    </nav>
</template>

<script>
export default {
    name: 'mynav',
    props: {
        bColor:{
            type: String,
            default: 'white',
        },
        fSize:{
            type: Number,
            default: 20,
        },
    }
}
</script>

<style lang="scss" scoped>
nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    // height: 50px;
    & > div {
        flex-grow: 0;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 10px;
        box-sizing: border-box;
        img {
            height: 100%;
        }
    }
}
</style>